<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>主页 | whoami</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="./dist/index.css">
    <link href="./open-iconic/font/css/open-iconic-bootstrap.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md bg-primary navbar-dark fixed-top">
    <!-- Brand -->
    <a class="navbar-brand" href="#">whoami</a>

    <!-- Toggler/collapsibe Button -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Navbar links -->
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" href="./index.html">主页</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./work.html">我的工作</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./skill.html">我的技能</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./about.html">关于我</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="./contact.html">联系我</a>
            </li>
        </ul>
    </div>
</nav>
<div class="container" style="margin-top: 75px;" id="test">
    <div class="row">
        <div class="col-sm-3">
            <div id="avatar" data-toggle="tooltip" title="你想对我干嘛>.<"></div>
            <div id="info">
                <h3>万华松</h3>

                <span class="oi oi-link-intact"></span><a href="https://edit.ncucoder.com" target="_blank"> https://edit.ncucoder.com</a>
            </div>
            <hr>
            <div id="motto">
                </span><code>Talk is cheap, show me your code.</code>
            </div>
            <div id="projects">
                <a href="https://gitee.com/hot_heart" target="_blank" class="btn btn-primary"><span class="oi oi-heart"></span> 开源项目</a>

                <div class="list-group">
                    <a href="https://gitee.com/hot_heart/j2docker" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> j2docker</a>
                    <a href="https://gitee.com/NCUCoder/SpringBoot-demo" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> SpringBoot-demo</a>
                    <a href="https://gitee.com/hot_heart/hsob" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> hsob</a>
                    <a href="https://gitee.com/hot_heart/vue-todo" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> vue-todo</a>
                    <a href="https://gitee.com/hot_heart/flutter_app" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> flutter_app</a>
                    <a href="https://gitee.com/NCUCoder/Campus2Market" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> Campus2Market</a>
                    <a href="https://gitee.com/hot_heart/docker-web" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> docker-web</a>
                    <a href="https://gitee.com/hot_heart/staticweb_haitou" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> staticweb_haitou</a>
                    <a href="https://gitee.com/NCUCoder/UPlus" target="_blank" class="list-group-item list-group-item-action"><span class="oi oi-fork"></span> UPlus</a>
                </div>
            </div>

        </div>
        <div class="col-sm-9">
            <div id="demo" class="carousel slide" data-ride="carousel">

                <!-- 指示符 -->
                <ul class="carousel-indicators">
                    <li data-target="#demo" data-slide-to="0" class="active"></li>
                    <li data-target="#demo" data-slide-to="1"></li>
                    <li data-target="#demo" data-slide-to="2"></li>
                </ul>

                <!-- 轮播图片 -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="https://static.runoob.com/images/mix/img_fjords_wide.jpg">
                    </div>
                    <div class="carousel-item">
                        <img src="https://static.runoob.com/images/mix/img_nature_wide.jpg">
                    </div>
                    <div class="carousel-item">
                        <img src="https://static.runoob.com/images/mix/img_mountains_wide.jpg">
                    </div>
                </div>

                <!-- 左右切换按钮 -->
                <a class="carousel-control-prev" href="#demo" data-slide="prev">
                    <span class="carousel-control-prev-icon"></span>
                </a>
                <a class="carousel-control-next" href="#demo" data-slide="next">
                    <span class="carousel-control-next-icon"></span>
                </a>

            </div>

            <div id="content">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">给博客添加两个有意思的特效</h4>
                        <a href="https://laod.cn/page/javascript-texiao.html" class="card-link">点击阅读</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">python3爬虫全国地址信息</h4>
                        <a href="https://blog.csdn.net/qq_27974479/article/details/85634360" class="card-link">点击阅读</a>
                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title">SOAR的启发式规则建议</h4>
                        <a href="https://blog.csdn.net/ken1583096683/article/details/84648334" class="card-link">点击阅读</a>
                    </div>
                </div>

            </div>
        </div>
        <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1592728&auto=1&height=66"></iframe>
    </div>


</div>
<div class="container fixed-bottom text-center">
    <p>2019 &copy; ncucoder.com</p>
</div>


<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="./dist/index.js"></script>
<script src="./dist/fun.js"></script>
</body>
</html>